"use client";
import { useTranslations } from "next-intl";
import { Table, theme } from "antd";
import { useRouter } from "next/navigation";
import AvaForm from "./AvaForm";
import Layout from "@/components/Layout";
import styles from "./index.module.less";
import React, { useState } from "react";
import { Button, Drawer } from 'antd';
import Myform from "./myform";
import Column from './column'
export default function User() {
  const t = useTranslations("user");
  const { token } = theme.useToken();

  const listStyle: React.CSSProperties = {
    background: token.colorFillAlter,
    borderRadius: token.borderRadiusLG,
    padding: 12,
  };

  return (
    <Layout curActive="/changfeng">
      <main className={styles.userWrap}>
        <div className={styles.content}>
          <AvaForm />
          <div style={listStyle}>
            <h3>{t("czylist")}</h3>
            

            <Column />
          </div>
        </div>
      </main>
    </Layout>
  );
}
